{namespace photo=Jykj\PhotoAlbum\ViewHelpers}
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
	<f:layout name="Default" />

	This Template is responsible for creating a table of domain objects.

	If you modify this template, do not forget to change the overwrite settings
	in /Configuration/ExtensionBuilder/settings.yaml:
	  Resources:
		Private:
		  Templates:
			List.html: keep

	Otherwise your changes will be overwritten the next time you save the extension in the extension builder

	<f:section name="content">
	<f:flashMessages />
		<div class="portlet light ">
	        <div class="portlet-title">
		        <div class="caption">
		            <f:link.action action="new" class="btn btn-info">新增</f:link.action>
		        </div>
		        <div class="actions">
		            <div class="btn-group btn-group-devided">
		                <f:form action="list" name="search" class="form-inline" method="GET">
		                    <div class="input-group">
		                        <div class="input-icon">
		                            <i class="fa fa-search"></i>
		                           <f:form.textfield name="keyword" value="{keyword}" class="form-control" placeholder="请输入查询条件"/>
		                        </div>
		                        <span class="input-group-btn">
		                            <f:form.submit class="btn btn-success" value="搜" />
		                        </span>
		                    </div>
		                </f:form>
		            </div>
		        </div>
		    </div>
	        <f:widget.paginate objects="{albums}" as="albumsPagination"  configuration="{settings.paginate}">
	            <div class="portlet-body">
		            <div class="table-scrollable">
		                <table class="table table-hover table-light">
		                    <thead>
		                        <tr role="row">
		                            <th>序号</th>
		                            <th>相册名</th>
		                        	<th>发布时间</th>
		                        	<th>相片数量</th>
		                            <th class="text-center">操作</th>
		                        </tr>
		                    </thead>
		                    <tbody>
		                        <f:for each="{albumsPagination}" as="album" iteration="itemIteration1">
		                        <tr>
		                        	<td>
		                        		{f:cObject(typoscriptObjectPath:'lib.calc', data:'{itemIteration1.cycle}+({page}-1)*{settings.paginate.itemsPerPage}')}
		                        	</td>  
		                            <td>
										<f:link.action action="show" arguments="{album : album.uid}">{album.title}</f:link.action>
		                            </td>
		                            <td>
		                            	<f:if condition="{album.datetime}!=0">
			                            	<f:then>{album.datetime->f:format.date(format: 'Y-m-d')}</f:then>
			                            	<f:else>——</f:else>
			                            </f:if>
		                            </td>
		                            <td>
										{photo:PhotoNum(url:album.folder)}
		                            </td> 
		                            <td class="text-center">
		                            	<f:link.action action="list" pageUid="{settings.page}" controller="Photos" arguments="{album:album.uid}" class="btn btn-info btn-xs">照片管理</f:link.action>
		                                <f:link.action action="edit" arguments="{album : album.uid}" class="btn btn-info btn-xs edit">编辑</f:link.action>
		                                <f:link.action action="delete" arguments="{album : album.uid}" onclick="return confirm('您确定要删除吗?');" class="btn btn-danger btn-xs delete btn-del">删除</f:link.action>
		                            </td>
		                        </tr>
		                        </f:for>
		                    </tbody>
		                </table>
		            </div>
	          	</div>
	        </f:widget.paginate>
	    </div>
	</f:section>
</html>